奥义思网站建设-www.aooly.com
奥义思坚信质量高于产量
我们的团队自成立以来,秉承着质量是衡量价值最重要标准的理念,致力于打造高品质数字产品。不放过任何一个小的瑕疵而一蹴而就,体现的不仅是我们对品质的苛求,也是对客户以及产品负责的态度。
马上联系我们,让天才的设计师帮您实现这一切。

    CSS完全教程9 列表属性

      列表属性:

       

      这里的属性用来描述列表(list)的一系列属性。

       

      list-style-type属性描述用于列表每一项前使用的符号:

      属性名称: 'list-style-type'
      属性值: disc | circle | square | decimal | lower-roman | upper-roman | lower-alpha | upper-alpha | none
      初始值: disc
      适合对象: 列表元素
      是否继承: yes
      百分比备注: 被禁止

      属性值含义为:
      disc:圆饼形。
      circle:空心圆形。
      square:方形。
      decimal:十进制数值。
      lower-roman:小写罗马数字。
      upper-roman:大写罗马数字。
      lower-alpha:小写希腊字母。
      upper-alpha:大写希腊字母。

      例如:

      <STYLE>
      OL { list-style-type: lower-roman }
      </STYLE>
      <BODY>
      <OL>
      <LI> This is the first item.
      <LI> This is the second item.
      <LI> This is the third item.
      </OL>
      </BODY>

      还可以利用list-style-image把列表前面的符号换为图形:

      属性名称: 'list-style-image'
      属性值: <url> | none
      初始值: none
      适合对象: 列表元素
      是否继承: yes
      百分比备注: 被禁止

      <url>可以是绝对地址,也可以是相对地址。

      list-style-position属性用于描述列表的位置显示:

      属性名称: 'list-style-position'
      属性值: inside | outside
      初始值: outside
      适合对象: 列表元素
      是否继承: yes
      百分比备注: 被禁止

       

      属性值outsideinside分别表示在BOX外部显示或内部显示,例如:

      <STYLE type="text/css">
      UL { list-style: outside }
      UL.compact { list-style: inside } </STYLE> <UL>
      <LI>first list item comes first
      <LI>second list item comes second
      </UL>
      <UL class=compact>
      <LI>first list item comes first
      <LI>second list item comes second
      </UL>

      list-style属性为以上属性的快捷方式:

      属性名称: 'list-style'
      属性值: <'list-style-type'> || <'list-style-position'> || <'list-style-image'>
      初始值: no
      适合对象: 列表元素
      是否继承: yes
      百分比备注: 被禁止

      例如:

      UL { list-style: upper-roman inside } /* 对任何UL有效*/
      UL ~ UL { list-style: circle outside } /*
      对任何UL内部的UL标记有效*/